<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>demo</title>
</head>

<body>
    <div>导航</div>
    <ul>
        <li><a target="_blank" href="https://www.baidu.com">baidu</a></li>
        <li><a target="_blank" href="https://www.google.com">google</a></li>
        <li><a target="_blank" href="https://www.bing.com">bing</a></li>
        <li><a target="_blank" href="https://www.sogou.com">sogou</a></li>
        <li><a target="_blank" href="https://www.so.com">so</a></li>
    </ul>

    <div>标题</div>
    <ul>
        <li>
            <h1>h1</h1>
        </li>
        <li>
            <h2>h1</h2>
        </li>
        <li>
            <h3>h1</h3>
        </li>
        <li>
            <h4>h1</h4>
        </li>
        <li>
            <h5>h1</h5>
        </li>
        <li>
            <h6>h1</h6>
        </li>
    </ul>

    <div>
        <p style="background-color: green;">这是一个段落标签,块盒</p>
        <span style="background-color: aqua;">这是一个span标签，行盒</span>
    </div>

    <div>
        <div>
            img元素：
        </div>
        <img src="https://qcloud.dpfile.com/pc/2hb8hpySO_Tt-2oRKFip5MbLTu_X1uBRmorETnCYj5OK3R5Ac8sPJZic56Lvm_q0.jpg"
            alt="" style="width: 100px;height: 100px;"></img>

        <div></div>

        <!-- <audio src="https://webfs.kugou.com/202502191939/e364d3406192f0a9df59883f76acf624/v3/7533c41590adf188d3bf8a1d263cb79f/yp/full/ap1014_us670713023_mii0w1iw8z2ai2iphcu80ooo2ki81120_pi406_mx505289244_s3373006498.mp3">audio</audio> -->
        <span>audio元素：</span>
        <figure>
            <figcaption>Listen to the T-Rex:</figcaption>
            <audio controls src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>
            <a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"> Download audio </a>
        </figure>

        <div></div>

        <!-- <video style="width: 800px;height: 600px;" src="./CHINAMI-7HK9MJQ 2025-02-19 19-41-32.mp4"></video> -->
         <span>video元素：</span>
        <video controls width="250">
            <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" type="video/webm" />

            <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" type="video/mp4" />

            Download the
            <a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm">WEBM</a>
            or
            <a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4">MP4</a>
            video.
        </video>

        <table border="1">
            <tr>
                <th>Company</th>
                <th>Contact</th>
                <th>Country</th>
            </tr>
            <tr>
                <td>Alfreds Futterkiste</td>
                <td>Maria Anders</td>
                <td>Germany</td>
            </tr>
            <tr>
                <td>Centro comercial Moctezuma</td>
                <td>Francisco Chang</td>
            </tr>
        </table>
    </div>

    <div style="height: 30px;"></div>

    <div>
        <form action="https://www.baidu.com">
            <label>
                账号：
            </label>
            <input type="text">

            <label>
                密码：
            </label>
            <input type="password">
            <label>
                邮箱：
            </label>
            <input type="email">
            <label>
                手机号：
            </label>
            <input type="tel">
            <label>
                链接地址：
            </label>
            <input type="url">
            <label>
                时间：
            </label>
            <input type="date">
            <div>
                <input type="submit">
            </div>
        </form>
    </div>
    <script>
        
    </script>
</body>

</html>